import { Poppins } from 'next/font/google'

import { cn } from '@/lib/utils'

const font = Poppins({
    subsets: ['latin'],
    weight: ['600']
})

type HeaderProps = {
    label: string
}

const Header = ({ label }: HeaderProps) => {
    return (
        <div className='w-full flex flex-col gap-y-4 items-center justify-center'>
            {/* // TODO: i18n  */}
            <h1 className={cn(
                "text-3xl font-semibold",
                font.className
            )}>🔐 授权</h1>
            <p className='text-muted-foreground text-sm'> {label} </p>
        </div>
    )
}

export default Header